// 注册自定义指令
// 处理图片异常 最基本的手段 监测图片dom的error事件

export const imagerror = {

  // 当指令作用的dom对象插入元素之后触发
  inserted(dom, options) {
    // 当有图片时显示当前的图片，没有图片时显示默认的图片
    dom.src = dom.src || options.value
    // options是一个对象,包含指令所绑定的变量的属性
    // 监听img标签的错误事件  因为图片加载失败 会触发  onerror事件
    dom.onerror = function() {
      dom.src = options.value // 从哪里来呢  可以通过传入的方式设置
    }
  },
  // 组件更新后执行
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}
